.sys-header {
    // position: relative;
    width: 100%;
    height: $headerHeight;
    background-color: $headerBgColor;
    z-index: 500;
    line-height: $headerHeight;
    border-radius: 0px !important;
    border-bottom: 1px $darkGray solid;
    .hamburger-container {
        line-height: 58px;
        height: 50px;
        float: left;
        padding: 0 10px;
    }

    .breadcrumb-container{
        float: left;
    }
    .errLog-container {
        display: inline-block;
        vertical-align: top;
    }
    .right-menu {
        float: right;
        height: 100%;
        &:focus{
            outline: none;
        }
        .right-menu-item {
            display: inline-block;
            margin: 0 8px;
        }
        .screenfull {
            height: 20px;
        }
        .international{
            vertical-align: top;
        }
        .theme-switch {
            vertical-align: 15px;
        }
        .avatar-container {
            height: 50px;
            margin-right: 30px;
            .avatar-wrapper {
                cursor: pointer;
                margin-top: 5px;
                position: relative;
                .user-avatar {
                    width: 40px;
                    height: 40px;
                    border-radius: 10px;
                }
                .el-icon-caret-bottom {
                    position: absolute;
                    right: -20px;
                    top: 25px;
                    font-size: 12px;
                }
            }
        }
    }

    .logo {
        float: left;
        height: $headerHeight;
        line-height: $headerHeight;
        padding-left: 20px;
        color: $headerColor;
        font-size: $headerFontSize;
    }
    .userInfo {
        float: right;
        height: $headerHeight;
        &>ul {
            height: $headerHeight;
            &>li {
                display: inline-block;
                height: $headerHeight;
                line-height: $headerHeight;
                margin-right: 20px;
                color: $headerColor;
                .lang {
                    color: darken($headerColor, 20%);
                    cursor: pointer;
                    &.cur {
                        color: $headerColor;
                    }
                }
                .user {
                    color: $headerColor;
                    cursor: pointer;
                }
            }
        }
    }
    .editPawDialog{
        width: 400px;
    }
}
